@font-face {
    font-family: BebasNeue;
    src: url(https://img121.7dun.com/newRecommend2/BebasNeue-1.otf) format('truetype');
}

.border-bottom-2 {
    border-bottom: 1px dashed #f1f1f1;
}

.order-item {
    background-color: #242428;
    border-radius: 20rpx;
    margin: 30rpx 0;
}

.order-item .order-item-header {
    align-items: center;
    display: flex;
    font-size: 24rpx;
    height: 70rpx;
    justify-content: space-between;
    padding-left: 24rpx;
    position: relative;
}

.order-item .order-item-header .time {
    color: #fff;
    font-size: 28rpx;
    font-weight: 700;
}

.order-item .order-item-header .status {
    background: url('https://img121.7dun.com/yuanqimali/share/statusBg.png') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    color: #277dff;
    font-size: 24rpx;
    height: 48rpx;
    line-height: 48rpx;
    margin-bottom: 28rpx;
    padding: 0rpx 16rpx;
}

.order-item .total-price {
    align-items: center;
    display: flex;
    height: 66rpx;
    justify-content: space-between;
    margin: 0rpx 24rpx;
    padding: 0 0rpx;
}

.order-item .total-price .remark {
    color: #6c727a;
    font-size: 26rpx;
}

.order-item .total-price .price-number {
    align-items: center;
    display: flex;
    font-size: 24rpx;
    justify-content: space-between;
}

.order-item .total-price .price-number .price-key {
    color: #6c727a;
    font-weight: 500;
}

.order-item .total-price .price-number .price {
    color: #23f6fd;
    font-family: BebasNeue;
    font-size: 60rpx;
    font-weight: 700;
    line-height: 26rpx;
    margin-left: 8rpx;
}

.order-item .close-time {
    font-size: 26rpx;
    font-weight: 500;
    margin-bottom: 10rpx;
    padding: 0 24rpx;
    text-align: right;
}

.order-item .bottom-actions {
    align-items: center;
    display: flex;
    padding: 10rpx 24rpx 18rpx;
}

.order-item .bottom-actions .check-box {
    align-content: center;
    display: flex;
    flex-grow: 1;
}

.order-item .bottom-actions .check-box text {
    font-size: 28rpx;
    margin-left: 2rpx;
}

.order-item .bottom-actions button {
    border-radius: 1000px;
    font-size: 24rpx;
    height: 50rpx;
    line-height: 50rpx;
    margin: 0 0 0 20rpx;
    padding: 0;
    position: relative;
    width: 150rpx;
}

.order-item .bottom-actions button.bg-white {
    box-shadow: 0 2rpx 8rpx #cfcfcf;
}

.order-item .bottom-actions button:after {
    border: none;
}
